<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="site-nav-bg" id="topLog">
    <div class="site-nav w1200">
        <p class="sn-back-home">
            <i class="layui-icon layui-icon-home"></i>
            <a th:href="@{/product/index.html}">首页</a>
        </p>
        <div class="sn-quick-menu">
            <div class="login" th:if="${session.loginUser == null}"><a th:href="@{/user/login.html}" >登录</a></div>
            <div class="sp-login" th:if="${session.loginUser != null}">昵称:<span th:text="${session.loginUser.getNickName()}"/></div>

            <div class="sp-cart" th:if="${session.loginUser != null}"><a th:href="@{/user/shopcart.html}" >购物车</a><span>2</span></div>
            <div class="sp-cart" th:if="${session.loginUser != null}" style="margin-left: 5px;"><a th:href="@{'/user/logOut'}">退出</a></div>
        </div>
    </div>
</div>


<!--查询收搜框-->
<div class="header" id="queryHeader">
    <div class="headerLayout w1200">
        <div class="headerCon">
            <h1 class="mallLogo">
                <a href="/" title="母婴商城">
                    <img src="../res/static/img/logo.png">
                </a>
            </h1>
            <div class="mallSearch">
                <form action="" class="layui-form" novalidate>
                    <input type="text" name="title" required  lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入需要的商品">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <input type="hidden" name="" value="">
                </form>
            </div>
        </div>
    </div>
</div>


<!--内容的导航页签-->
<div class="main-nav" id="navigationTab">
    <div class="inner-cont0">
        <div class="inner-cont1 w1200">
            <div class="inner-cont2">
                <a th:href="@{/product/commodity.html}" class="active">所有商品</a>
                <a href="buytoday.html">今日团购</a>
                <a href="information.html">母婴资讯</a>
                <a href="about.html">关于我们</a>
            </div>
        </div>
    </div>
</div>

</body>
</html>